import React from 'react'
import PropTypes from 'prop-types'
import style from './styles.module.css'

// phone
function MobileBackground({ image }) {
  return (
    <div className={style.phone}>
      <div className={style.screen}>
        <div className={style.imageContainer}>
          <img src={image} alt="mobilepic" className={style.image} />
        </div>
      </div>
    </div>
  )
}

// PropTypes
MobileBackground.propTypes = {
  image: PropTypes.string.isRequired,
}

export default MobileBackground
